<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
       <div id="box">
           <!--唐诗三百首-->
           <ul>
               <li>人间四月芳菲尽</li>
               <li>柳暗花明又一村</li>
               <li>得来全不费工夫</li>
           </ul>
       </div>
            <script>
                var boxobj = document.getElementById('box');
                console.log(boxobj.childNodes);      //找到了box下所有的子节点
                console.log(boxobj.childNodes[0].nodeType);    //找到box对象下所有子节点中的一个以及类型   //打印出来是3，文本类型
                console.log(boxobj.childNodes[1].nodeType);    //注释
                console.log(document.nodeType);     //文档
                console.log(boxobj.nodeType);       //元素
                var attr = boxobj.getAttributeNode('id');   //在对象中找元素节点
                console.log(attr.nodeType);         //属性节点
            </script>
</body>
</html>